<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 块级元素一般情况下，可以包含其他任何元素 -->
    <!-- h1/p/div -->
    <div>
        <h1></h1>
        <p></p>
        <a href=""></a>
    </div>
    <!-- 特殊情况，p元素里面不能包含其他块级元素 -->
    <p>
        123
        <!-- 实际上这个div会被直接丢出去，渲染的时候压根不带div玩 -->
        <div>我是div</div>
    </p>

    <!-- 行内元素一般只能包含行内元素，因此不要放块级元素 -->
    <!-- span/a/img/strong -->
    <span>
        123
    </span>
</body>
</html>